<template>
  <div>
    <div
      class="container"
      :style="{color:props.color?props.color:'#ccc',fontSize:props.fontSize?props.fontSize+'px':'20px'}"
    >{{props.title}}</div>
    <div
      class="container"
      :style="{color:props.color?props.color:'#ccc',fontSize:props.fontSize?props.fontSize+'px':'20px'}"
    >{{props.count}}</div>
  </div>
</template>
<script lang='ts'>
import { Component, Vue, Prop } from "vue-property-decorator";

@Component
export default class SmallCardBorder extends Vue {
  @Prop({ type: Object, required: true }) props!: Object;
}
</script>
<style lang="less" scoped>
.container {
  text-align: center;
  border-right: 1px solid #e2e2e2;
  padding-top: 20px;
}
</style>
<style lang="less">
.Arow {
  .ant-col-6:last-child {
    .container {
      border: none;
    }
  }
}
</style>
